<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.header{
				height: 100%;
				width: 100%;
				background-color: #f0ffff;
				}
			img{
				height: 100%;
				width: 100%;
				position: relative;
				overflow: hidden;
				object-fit: cover;

			}
			.login-box{
				width: 350px;
				position:absolute;
				/* border-top: -200px; */
				background-color: #fff;
				box-shadow: 15px 15px 15px #666;
				margin-left: 800px;
				margin-top: -32%;
				border-radius: 20px;
			}
			.login-box img{
				float: left;
				width: 30px;
				height: 30px;
				margin: 8px;
			}
			.login-box h2{
				text-align:center;
			}
			.header .login-box .p2{
				width: 300px;
				height: 50px;
				border: 1px solid #000;
				margin-top: 30px;
				border-radius: 20px;
				margin-left: 25px;
				
			}
			.header .login-box .p1{
				width: 300px;
				height: 50px;
				border: 1px solid #000;
				border-radius: 20px;
				margin-left: 25px;
			}
			.p1 input{
				width: 200px;
				line-height: 2.5rem;
				border: none;;
				outline: none;
			}
			.p2 input{
				width: 200px;
				line-height: 2.5rem;
				border: none;
				outline: none;
			}
			.p3{
			width: 300px;	
			margin-top: 30px;
			margin-left: 25px;
			}
			.p3 a{
				float: right;
			}
			button{
				width: 300px;
				height: 40px;
				background-color: #382fad;
				margin-top: 30px;
				border-radius: 20px;
				border: none;
				margin-bottom: 10px;
				margin-left: 25px;
			}
			button:hover{
				box-shadow: 8px 8px 8px #666;
			}
		.header h1{
			position:absolute;
			font-size: 50px;
			margin-top: -600px;
		 margin-left: 700px; 
		}
	.header .a1{
	text-decoration: none;
	color: red;
	}
	
		</style>
	</head>
	<body>
		<div class="header">
			<div class="bgt">
				<img src="../1000.jpg" alt="">
			
			</div>
			
			<h1 style="color: #f0ffff;"><img src="../img/u26.svg" style="width: 70px;height: 70px;">建设工程项目管理平台</h1>
			<div class="login-box" style="background-color:#f0ffff;">
					<a href="#" class="a1" style="margin: 10px;"><strong></strong></a>
				<h2>账号密码登录</h2>
				
				<div class="p1" style="border: 1px solid #666;">
					<img src="../img/02.png" >
					<input type="text" placeholder="请输入账号" style="background-color:#f0ffff;"><br>
				</div>
				<div class="p2" style="border: 1px solid #666;">
					<img src="../img/01.png" >
					<input type="text" placeholder="请输入密码" style="background-color:#f0ffff"><br>
				</div>
				<div class="p3">
				<input type="checkbox">记住密码
				<a href="#">忘记密码</a><br>
				</div>
				<button onclick="myFunction()"><h2 style="color: #fff; margin: auto;">登录&nbsp;&nbsp;/&nbsp;&nbsp;注册</h></button>
				<!-- <button>注册</button> -->
			</div>
		</div>
		<script>
			// pp1.onclick = function(e){
				document.getElementById('d1').src="./kuangjia.html"
				function myFunction() {
						window.location.href='kuangjia.html'
				 	}
			// }


















			
		</script>
	</body>
</html>